.orderlist {
  $middle-text-left-start: 80px;
  font-family: $notoSans;
  border-bottom: 1px solid $colorBeige;

  .orderlist-heading {
    margin: 25px 0;
  }

  .row {
    margin-bottom: 15px;

    &.hidden {
      display: none;
    }

    &:first-of-type {
      margin-top: 25px;
    }

    &:last-of-type {
      margin-bottom: 25px;
    }

    .top {
      display: flex;
      justify-content: space-between;
    }

    .bottom {
      margin-left: $middle-text-left-start;
    }
  }

  .left-center-container {
    display: flex;
    align-items: center;
  }

  .left-text {
    min-width: $middle-text-left-start;
  }

  .left-text,
  .middle-text-bottom {
    color: $colorGrey;
    font-size: $title-s;
  }

  .middle-text-top,
  .left-center-container {
    color: $colorDark;
    font-size: $paragraph;
  }
}
